{% extends "fichas/base.html" %}

{% block contenido %}
    <h2>Categorias</h2>
    {% if lista %}
        <div id="categorias">
            {% for categoria in lista %}
                <div class="categoria">
                    {% if categoria.imagenescategorias_set.all %}
                        {% for img in categoria.imagenescategorias_set.all %}
                            <img src="{{ img.imagen.url }}" />
                        {% endfor %}
                    {% endif %}
                    <h2>{{ categoria.nombre }}</h2>
                    <p>{{ categoria.descripcion }}</p>
                    {% if categoria.bonos %}
                        {% for bono in categoria.bonos.all %}
                            <p>{{ bono }}</p>
                        {% endfor %}
                    {% endif %}
                    <a href="{% url escogercategoria pj categoria.nombre %}">Escoger</a>
                </div>
            {% endfor %}
        </div>
    {% endif %}
{% endblock %}
